<template>
  <AppCard class="page-container" style="height:100%">
    <!-- <el-tabs @tab-click="select" v-model="activeName" type="card">
        <el-tab-pane label="菜单维护" name="menuEdit">
          
        </el-tab-pane>
        <el-tab-pane label="菜单授权" name="menuPermission">
          <MenuPermission ref="myMenu"></MenuPermission>
        </el-tab-pane>
      </el-tabs> -->
    <div class="fullheight">
      <MenuManager></MenuManager>
    </div>
  </AppCard>
</template>

<script>
import { defineComponent } from "vue";
import MenuManager from "./components/MenuManager.vue";
import MenuPermission from "./components/MenuPermission.vue";
import AppCard from "@/components/AppCardNew.vue";
export default defineComponent({
  components: {
    MenuManager,
    MenuPermission,
    AppCard,
  },
  data() {
    return {
      /**
       * 菜单维护
       */
      activeName: "menuEdit",
    };
  },
  methods: {
    select() {
      this.$refs.myMenu.selectCompanyType(this.select);
    },
  },
  created() {},
});
</script>

<style lang="scss" scoped>
:deep(.card_staff){
  margin-bottom: 0px;
}

.fullheight {
  height: 100%;
  box-sizing: border-box;
}
</style>
